﻿@{
    Layout = "~/Views/Shared/_LayoutNguoiDung.cshtml";
}

<style type="text/css">
    /*------------popup dialog-----------------*/
    .web_dialog_overlay {
        position: fixed;
        top: 0;right: 0;bottom: 0;left: 0;
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #000;
        display: none;
    }
    .web_dialog {
        display: none;
        position: fixed;
        min-width: 380px;
        background: #fff;
        border:5px solid rgba(0, 0, 0, 0.5);
        padding:0;
        margin:0;
        font-family: Verdana;
        font-size: 10pt;
    }
    .web_dialog_title {
        background:#336699;
        border-bottom: solid 2px #336699;
        padding: 4px;
        color: #fff;
        font-weight:bold;
    }
    .web_dialog_title a {
        font-size:12pt;
    }
    .web_dialog_title a {
        color: White;
        text-decoration: none;
    }
</style>

<script src="../../Scripts/myScript/caidat.js"></script>

<div style="width:1000px;margin:auto">
    <div id="leftContent" style="float:left;width:200px;margin:0">
        <div style="margin:20px;color:#00f;font-weight:bold;font-family:Consolas;
            font-size:12pt;text-align:center;text-shadow:1px 1px 1px #0f0">Tài khoản liên kết</div>
        <div id="taiKhoanLienKets">
            <!-- tai khoan lien ket -->
        </div>
        <div>
            <div id="bnLienKetTaiKhoan" style="width:150px;height:25px;color:#fff;
                background:rgb(91,116,168);text-align:center;text-shadow:1px 1px 1px #000;
                border:2px solid #aaf;line-height:25px;float:right;margin:10px;
                cursor:pointer">
                Liên kết tài khoản
            </div>
            <div class="clear"></div>
        </div>
    </div>

    <div id="centerContent" style="float:left;width:590px;min-height:520px;margin:0;
            border-left:1px solid rgb(104,33,122)">
        sdgdfh
    </div>

    <div id="rightContent" style="float:right;width:200px;margin:0">
        sajfsdj
    </div>

    <div class="clear"></div>

    <div id="overlay" class="web_dialog_overlay"></div>
    <div class="clear"></div>
    <div id="dlgTKLienKet" class="web_dialog" style="border-radius:5px">
        <div style="background:#336699;margin:0">
            <div style="float:left;" class="web_dialog_title">Liên kết tài khoản</div>
                <div style="float:right;" class="web_dialog_title">
                    <a href="javascript:void(0);" class="bnClose">[x]</a>
                </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
        <div style="margin:10px;background:#fff">
            <div style="margin:5px 0">
                <div style="background:rgb(102, 44, 146) url('http://l.yimg.com/a/i/us/msg/site/9/el/header/yahoo_msg_logo_vn_2.png') no-repeat;
                    width:270px;height:40px;float:left"></div>
                <div style="float:left;margin:5px 0 0 5px">
                    <div style="width:100px;height:25px;line-height:25px;color:#fff;
                        background:rgb(91,116,168);text-align:center;text-shadow:1px 1px 1px #000;
                        border:2px solid #aaf;cursor:pointer" id="bnLKYahoo">Liên kết</div>
                </div>
                <div class="clear"></div>
            </div>

            <div style="margin:5px 0">
                <div style="background:#44f url('https://fbstatic-a.akamaihd.net/rsrc.php/v2/yS/x/B1l0pVYCp2E.png') no-repeat;
                    width:270px;height:37px;float:left"></div>
                <div style="float:left;margin:3px 0 0 5px">
                    <div style="width:100px;height:25px;line-height:25px;color:#fff;
                        background:rgb(91,116,168);text-align:center;text-shadow:1px 1px 1px #000;
                        border:2px solid #aaf;cursor:pointer" id="bnLKFacebook">Liên kết</div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>